<template>
    <view class="globe_back">
        <view class="Margins">
            <view class="info">
                <view class="flex justify_content_between">
                    <view>我的技能</view>
                    <view>
                        <text>开锁</text>
                    </view>
                </view>
                <view class="flex justify_content_between">
                    <view>实名信息</view>
                    <view>
                        <text>王**</text>
                    </view>
                </view>
                <view class="flex justify_content_between">
                    <view>联系电话</view>
                    <view>
                        <text>159****7854</text>
                    </view>
                </view>
            </view>
            <view class="myId">
                <view>身份证</view>
                <view class="idImg">
                    <image :src="url + 'sfz.png'" mode="widthFix"></image>
                </view>
                <view class="idImg">
                    <image :src="url + 'sfz.png'" mode="widthFix"></image>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            url: ''
        };
    },
    onShow() {
        this.url = this.baseUrl + this.imgPath;
    },
    methods: {}
};
</script>

<style scoped lang="scss">
.Margins {
    padding: 32rpx;
    .info {
        background: white;
        border-radius: 16rpx;
        padding: 32rpx;
        line-height: 60rpx;
        font-size: 28rpx;
    }
    .myId {
        background: #ffffff;
        border-radius: 16rpx;
        padding: 32rpx;
    }
    .idImg {
        background: #f7faff;
        border-radius: 16rpx;
        padding: 32rpx;
        margin-top: 32rpx;
        overflow: hidden;
    }
    .idImg image {
        width: 100%;
    }
}
</style>
